<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Learning English</title>
        <meta name="keywords" content="learning english" />
        <meta name="description" content="Learning English" />
        <link href="css/safe-style.css" rel="stylesheet" type="text/css" />

        <link rel="stylesheet" type="text/css" href="css/slider_styles.css" />
        <script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>

    </head>
    <body>
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>
        <div id="templatemo_body_wrapper">
            <div id="templatemo_wrapper">

                <div id="templatemo_header">
                    <div id="site_title"><h1><a href="#">Learning English</a></h1></div>
                    <div id="templatemo_menu">
                        <ul>
                            <li><a href="#" class="current">Home</a></li>
                            <li><a href="#">Category</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#" class="last">Sign in/Sign Up</a></li>
                        </ul>
                    </div> <!-- end of templatemo_menu -->
                </div><!-- end of header -->

                <!--        <div id="templatemo_middle">
                            <div id="mid_left">
                                <div id="mid_title">Lorem ipsum dolor sit amet</div>
                                <p>Sectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                                <p>nostrud exercitation ullamco laboris nisi ut aliquip exa com consequat. Duis aute irure dolor in reprehenderit.</p>
                                <a href="#" class="viewall"></a>
                            </div>
                            <img src="images/templatemo_icon_01.png" alt="free for job" />
                        </div>  end of middle -->

                <div id="templatemo_main">

                    <div class="cbox_fw head">
                        <div class="cbox_3b fp_box"><span class="b1"></span>
                            <h4><a href="#">New Interaction</a></h4>
                            <p>Information Area.</p>
                        </div>
                        <div class="cbox_3b fp_box"><span class="b2"></span>
                            <h4><a href="#">Social Media</a></h4>
                            <p>Information Area.</p>
                        </div>
                        <div class="cbox_3b cbox_rm fp_box"><span class="b3"></span>
                            <h4><a href="#">Digital Lifestyle</a></h4>
                            <p>Information Area.</p>
                        </div>
                        <div class="cbox_3b fp_box"><span class="b1"></span>
                            <h4><a href="#">New Interaction</a></h4>
                            <p>Information Area.</p>
                        </div>
                        <div class="cbox_3b fp_box"><span class="b2"></span>
                            <h4><a href="#">Social Media</a></h4>
                            <p>Information Area.</p>
                        </div>
                        <div class="cbox_3b cbox_rm fp_box"><span class="b3"></span>
                            <h4><a href="#">Digital Lifestyle</a></h4>
                            <p>Information Area.</p>
                        </div>
                        <div class="cleaner"></div>
                    </div>

                    <div class="cbox_fw">
                        <div class="cbox_large float_l">
                            <h2>Welcome to Site Learning English !</h2>

                            <div class="cleaner h20"></div>
                            <div class="cbox_small float_l">
                                <h5 class="tw_bullet">Entertainment</h5>
                                <img src="images/1.jpg" alt="marketing" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>                       
                            </div>
                            <div class="cbox_small float_r">
                                <h5 class="tw_bullet">Music </h5>
                                <img src="images/2.jpg" alt="consulting" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>
                            </div>
                            <div class="cbox_small float_l">
                                <h5 class="tw_bullet">How to working in company</h5>
                                <img src="images/3.jpg" alt="marketing" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>                       
                            </div>
                            <div class="cbox_small float_r">
                                <h5 class="tw_bullet">Science</h5>
                                <img src="images/1.jpg" alt="consulting" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>
                            </div>
                            <div class="cbox_small float_l">
                                <h5 class="tw_bullet">Interactive  Marketing</h5>
                                <img src="images/2.jpg" alt="marketing" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>                       
                            </div>
                            <div class="cbox_small float_r">
                                <h5 class="tw_bullet">The natural world</h5>
                                <img src="images/3.jpg" alt="consulting" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>
                            </div>
                            <div class="cbox_small float_l">
                                <h5 class="tw_bullet">Sports</h5>
                                <img src="images/1.jpg" alt="marketing" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>                       
                            </div>
                            <div class="cbox_small float_r">
                                <h5 class="tw_bullet">Psychology</h5>
                                <img src="images/2.jpg" alt="consulting" class="image_frame" />
                                <div class="fb-like" data-href="http://www.haivl.com/photo/217688" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
                                <a href="video.html" class="more float_r"> Read More</a>
                            </div>
                        </div>
                        <div class="cbox_small cbox_list float_r">
                            <h2>Recent Posts</h2>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>Common Errors in English 1</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>Common Errors in English 2</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>Common Errors in English 3</p>
                                <div class="cleaner"></div>
                            </div>

                        </div>
                        <div class="cbox_small cbox_list float_r">
                            <h2>Ranking of the day</h2>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 5</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 6</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 7</p>
                                <div class="cleaner"></div>
                            </div>
                        </div>
                        <div class="cbox_small cbox_list float_r">
                            <h2>Ranking of the week</h2>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 5</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 6</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 7</p>
                                <div class="cleaner"></div>
                            </div>
                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 1" />
                                <p>William Anthony 8</p>
                                <div class="cleaner"></div>
                            </div>

                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 2" />
                                <p>William Anthony 9</p>
                                <div class="cleaner"></div>
                            </div>

                            <div class="rp_box">
                                <img src="images/no-avatar.png" alt="image 3" />
                                <p>William Anthony 10</p>
                                <div class="cleaner"></div>
                            </div>


                        </div>
                        <div class="cleaner"></div>
                    </div>

                </div> <!-- end of main -->

                <div id="latest_works">
                    <h2>Find us on Facebook</h2>
                    <div class="fb-like-box" data-href="http://www.facebook.com/voalearningenglish" data-width="920" data-height="210" data-show-faces="true" data-stream="false" data-header="false"></div>
                </div> <!-- end of templatemo_middle -->

            </div>
        </div>

        <div id="templatemo_footer_wrapper">
            <div id="templatemo_footer">
                Copyright © 2072 <a href="#">......</a> | Designed by SanhNX
                <div class="cleaner"></div>
            </div>
        </div>

    </body>
</html>